<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
              *{
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        .wrap{
            position: sticky;
            z-index: 2；
            }
        .wrap a{
            margin: 25px 20px;
            color: rgb(34, 32, 32);
            font-size: 10px;
            position: absolute;
            top: -20%;
            transform: translateX(50%) translateY(-50%);
            right: 20px;
        }
        .wrap{
            position: relative;
        }
        .header img{
             width: 100%;
             height: 700px;
             list-style: none;
             margin: -58px 0px auto
        }
        .logo{
            width: 100%;
            height: 50px;
            background-color:rgba(255,255,255,0.8);
        }
        .logo img{
            display: inline-block;
            vertical-align: middle;
            height: 45px;
            margin: 4px 0px -21px 175px;
            float: left;
        }
        .logo li a{
                margin: 25px 65px 0px;
                float: left;
                width: 43px;
                height: 19px;
                font-size: 14px;
                position: relative;
                text-decoration: none;
        }
        a:nth-of-type(2){
            margin-top: 45px;
        }
        .text span{
            margin: 0px 75px;
            font-size: 25px; 
        }
        .text p{
            font-size: 18px; 
            text-align: justify !important;
            font-family: "microsoft yahei";
            margin: 4.5%;
        }
        .first{
            border-left: 3px solid rgb(246, 78, 69);
            padding-left: 5px;
            padding-right: 5px;   
        }
        .second{
            border-left: 3px solid rgb(246, 78, 69);
            padding-left: 5px;
            padding-right: 5px;   
        }
        body{
            background: url(../images/pic31.jpg) no-repeat;
            background-size: 100% 100%;
        }
    </style>
</head>
<body>
    <div class="wrap">
        <a href="../html/登陆.html" target="_blank">登陆</a>
        <a href="">注册</a>
        <div class="logo">
            <h1>
                    <img src="images/pic2.jpg" alt="">
            </h1>
            <ul>
                <li>
                    <a href="file:///C:/Users/29113/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/1.html">首页</a>
                </li>
                </a>
                <li>
                    <a href="肠粉.html">肠粉</a>
                </li>
                <li>
                    <a href="艇仔粥.html">艇仔粥</a>
                </li>
                <li>
                    <a href="虾饺.html">虾饺</a>
                </li>
                <li>
                    <a href="糯米鸡.html">糯米鸡</a>
                </li>
                <li>
                    <a href="蒸排骨.html">蒸排骨</a>
                </li>
                <li>
                    <a href="凤爪.html">凤爪</a>
                </li>
            </ul>
        </div>
        <div class="text">
            <p></p>
            <p class="first">简介</p>
            <p>肠粉(粤语拼音：Cheong fan)是一种广东非常出名的汉族传统小吃,属于粤菜系,源于唐朝时的泷州(今广东罗定市)。肠粉分类只能按其制作方式来划分，一般用布拉的称为布拉肠粉，另一种是直接蒸的，通常是用抽屉式肠粉。
                肠粉并不能用地方来划分，因为各地商家都会根据当地市场，迎合客人口味，调整风味，都会在肠粉前加上当地城市名称，如广州的会称为广州西关肠粉，潮州的会叫作潮州肠粉。按照这样的划分方法，那全国会有数百种肠粉，并不科学。因为所有肠粉其实都是罗定肠粉的一种。
            </p>
            <p>
                <img src="../images/pic14.jpg" alt="">
            </p>
            <p class="second">肠粉的起源</p>
            <p>肠粉有着悠久的历史。据说其起源于唐朝的泷州（今广东罗定市），由当地的一种传统美食油味糍演变而成。当地人称之为“龙龛糍”。肠粉之名大有来头。乾隆年间，乾隆皇帝游江南，听了吃货大臣纪晓岚的美言，专门拐到罗定吃龙龛糍。当吃到这种“爽、嫩、滑”的龙龛糍时，乾隆赞不绝口，并乘兴说：这糍并不算是糍吧，反而有点像猪肠子，不如就叫肠粉吧。肠粉因而得名，并在广东传开。在清代末期，在广州街头就响起了肠粉的叫卖声。
            </p>
            <p>
                <img src="../images/pic15.jpg" alt="">
            </p>
        </div>
</body>
</html>